<%@ page language="java" contentType="text/html; charset=utf-8"
    pageEncoding="utf-8"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c" %>
<c:set var="path" value="${pageContext.request.contextPath}" />
<!DOCTYPE html>
<html>
  <head>
    <title>发帖</title>
    <meta name="content-type" content="text/html; charset=utf-8">
    <link rel="stylesheet" href="${path }/static/bootstrap.min.css" />
<script src="${path }/static/jquery.min.js"></script>
<script src="${path }/static/js/bootstrap.min.js"></script>
   <!--  <script  type="text/javascript" src="js/jquery-1.8.0.js"></script> -->
    <script type="text/javascript">
	   
	</script>
  </head>
    
  <body>
   <%-- <nav class="navbar navbar-default navbar-fixed-top" role="navigation">
      <div class="container">
        <div class="navbar-header">
          <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar" aria-expanded="false" aria-controls="navbar">
            <span class="sr-only">Toggle navigation</span>
            <span class="icon-bar"></span>
            <span class="icon-bar"></span>
            <span class="icon-bar"></span>
          </button>
          <a class="navbar-brand" href="<c:url value="/index"></c:url>">论坛系统的实现</a>
        </div>
		<div class="navbar-right" style="margin-right:50px">
        	<c:if test="${not empty user}">
			<h4>
				<a href="<c:url value="/personal"/>">${user.nickname}
					<c:if test="${user.status==0 }">(未激活)</c:if>
				</a>
				<a href="<c:url value="/user/logout"></c:url>" class="btn btn-sm btn-warning">退出</a>
			</h4>
			<!-- <button class="btn  btn-primary " type="button" id="login_btn" style="margin-left: 20px;margin-bottom: 10px" onclick="center();">个人中心</button> -->
	</c:if>
	<c:if test="${ empty user}">
			<a href="<c:url value='/login'/>" class="btn  btn-primary" style="margin-left: 20px;margin-top:10px;">登录</a> 
			<a href="<c:url value='/register'/>" class="btn  btn-primary" style="margin-left: 20px;margin-top:10px;">注册</a> 
	</c:if>
		</div>
      </div>
    </nav> --%>
    <jsp:include page="${path }/head"></jsp:include>
	  <div class="panel panel-info" style="width: 1000px;margin-left: 200px;margin-top:52px;height: 620px">
         <div class="panel-heading"  style="height: 50px">
           <h2 class="panel-title pull-left" style="margin-top: 10px">发表新话题</h2>
         </div>
        <div class="panel-body">
             <form role="form"  id="update_form" >
			   <div class="form-group">
				  <label class="col-sm-2 control-label" style="margin-top: 10px;margin-left: 60px;">文章标题</label> 
				  <div class="col-sm-4" style="margin-left: 220px;">
				      <input id="post_Tile" type="text" name="post_title" 
					  class="form-control" autofocus="autofocus"/>
				  </div>
				  <span id="post_tile_info"><span class=" info_text">请输入文章标题</span></span>
                </div>
				 <div class="form-group" style="margin-top: 30px">
					<label class="col-sm-2 control-label" style="margin-top: 10px;margin-left: 60px;">内容</label>
					
					<div class="col-sm-4" id="myedi">
					
				      <!-- <textarea id="myedi" class="form-control" rows="10" name="post_content" style="width:600px"></textarea> -->
				    </div>
					 <span id="post_content_info"></span>
				 </div>
				<button class="btn  btn-primary " type="submit" style="margin-left: 400px;margin-top: 20px" >提交</button>
			</form>  
         </div>
	 </div>
	 <!--   弹出框插件 -->
	<script type="text/javascript" charset="utf-8"
		src="${path }/static/js/teninedialog.js"></script>
	<!-- 默认配置文件 -->
	<script type="text/javascript" charset="utf-8"
		src="${path}/ueditor/ueditor.config.js"></script>
	<script type="text/javascript" charset="utf-8"
		src="${path}/ueditor/ueditor.all.min.js">
		
	</script>
	<!-- 语言文件 -->
	<script type="text/javascript" charset="utf-8"
		src="${path}/ueditor/lang/zh-cn/zh-cn.js"></script>
	<!-- 如果需要页面渲染的话引入 -->
	<%-- <script type="text/javascript" charset="utf-8"
		src="${path}/static/js/ueditor/ueditor.parse.min.js"></script> --%>
	 <script type="text/javascript">
	 var articleEditor = UE.getEditor('myedi', {
			initialFrameWidth : 745,
			initialFrameHeight : 300,

			toolbars : [ [ 'anchor', //锚点
			'undo', //撤销
			'redo', //重做
			'bold', //加粗
			'indent', //首行缩进
			'snapscreen', //截图
			'italic', //斜体
			'underline', //下划线
			'strikethrough', //删除线
			'subscript', //下标
			'fontborder', //字符边框
			'superscript', //上标
			'formatmatch', //格式刷
			'source', //源代码
			'blockquote', //引用
			'pasteplain', //纯文本粘贴模式
			'selectall', //全选
			'print', //打印
			'preview', //预览
			'horizontal', //分隔线
			'removeformat', //清除格式
			'time', //时间
			'date', //日期
			'unlink', //取消链接
			'insertrow', //前插入行
			'insertcol', //前插入列
			'mergeright', //右合并单元格
			'mergedown', //下合并单元格
			'deleterow', //删除行
			'deletecol', //删除列
			'splittorows', //拆分成行
			'splittocols', //拆分成列
			'splittocells', //完全拆分单元格
			'deletecaption', //删除表格标题
			'inserttitle', //插入标题
			'mergecells', //合并多个单元格
			'deletetable', //删除表格
			'cleardoc', //清空文档
			'insertparagraphbeforetable', //"表格前插入行"
			'insertcode', //代码语言
			'fontfamily', //字体
			'fontsize', //字号
			'paragraph', //段落格式
			'simpleupload', //单图上传
			'insertimage', //多图上传
			'edittable', //表格属性
			'edittd', //单元格属性
			'link', //超链接
			'emotion', //表情
			'spechars', //特殊字符
			'searchreplace', //查询替换
			'map', //Baidu地图
			'gmap', //Google地图
			'insertvideo', //视频	           
			'justifyleft', //居左对齐
			'justifyright', //居右对齐
			'justifycenter', //居中对齐
			'justifyjustify', //两端对齐
			'forecolor', //字体颜色
			'backcolor', //背景色
			'insertorderedlist', //有序列表
			'insertunorderedlist', //无序列表
			'fullscreen', //全屏
			'directionalityltr', //从左向右输入
			'directionalityrtl', //从右向左输入
			'rowspacingtop', //段前距
			'rowspacingbottom', //段后距
			'pagebreak', //分页
			'insertframe', //插入Iframe
			'imagenone', //默认
			'imageleft', //左浮动
			'imageright', //右浮动
			'attachment', //附件
			'imagecenter', //居中
			'wordimage', //图片转存
			'lineheight', //行间距
			'edittip ', //编辑提示
			'customstyle', //自定义标题
			'autotypeset', //自动排版
			'touppercase', //字母大写
			'tolowercase', //字母小写
			'background', //背景
			'template', //模板	  	           
			'inserttable', //插入表格
			'drafts', // 从草稿箱加载
			'charts' // 图表 
			] ]
		});
	 $(document).ready(function(){
		   var titleValidate=false,contentValidate=false;
		   var isValidate=false;
		   var title= $("#post_Tile").val();
		   $("#post_Tile").blur(function(){
			   var val=$(this).val();
              
			   if(isNullOrBlankOrUD(val)){
			      
				  $("#post_tile_info").html('<span class="glyphicon glyphicon-remove"></span><span style="color: red;">文章标题不能为空</span>');
				  titleValidate=false;
			   }else{
				  $("#post_tile_info").html('<span class="glyphicon glyphicon-ok"></span>');
				  titleValidate=true;
			   }
			   
		   });

		 /*   $("#post_content").blur(function(){
			   var val=$(this).val();
			   if(isNullOrBlankOrUD(val)){
				  $("#post_content_post").html('<span class="glyphicon glyphicon-remove"></span><span style="color: red;">内容不能为空</span>');
				  contentValidate=false;
			   }else{
				  $("#nickName_info").html('<span class="glyphicon glyphicon-ok"></span>');
				  contentValidate=true;
			   }
			   
		   }); */
	 
			 $("#update_form").submit(function(){
				 var content= articleEditor.getContent();
				var ti= $("input[name=post_title]").val();			
				 if (content=='') {
					alert("请输入内容");
				return false;
				}else{
					 contentValidate=true;
				}				
					isValidate = titleValidate&&contentValidate;
				 
					if (isValidate) {
						$.ajax({							
							url : "${path}/post/newpost",
							cache : false,
							type : "post",
							dataType : 'json',
							data : {
								post_tile : ti,
								post_content : content
							},
							success : function(obj) {
								if (obj=='no') {
									$.teninedialog({

										title : '系统提示',

										content : '发帖失败！'
									});
								}else if(obj=='personal'){
									if (confirm("您的邮箱未激活,无法执行发帖操作!确定需要激活您的邮箱吗？")) {
										window.location.href = "${path}/personal/person";
									}
								}else{
									$.teninedialog({

										title : '系统提示',

										content : '发帖成功！',
										showCloseButton : false,//不显示关闭按钮

										otherButtons : [ "查看详情", "返回主页" ],//其他按钮文本，样式默认,["确定","取消"]

										otherButtonStyles : [
												'btn-primary',
												'btn-primary' ],//其他按钮的样式，['btn-primary','btn-primary'],bootstrap按钮样式
												dialogHidden : function() {
													
													window.location.href = "${path}/index";
												},

												clickButton : function(sender,
														modal, index) {
													if (index == '0') {
														window.location.href = "${path}/reply/replies/"+obj;
													} else {
														window.location.href = "${path}/index";
													}

												}
									});
								}
							}
						});
					}
					return false;
				});


	   });
	   
		   function isNullOrBlankOrUD(value){
			   if(value=="" ||value==null ||value==undefined){
				  return true;
			   }else{
				  return false;
			   }
		  }
 
	 </script>
  </body>
</html>
